<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ include file="/WEB-INF/views/public/main.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SBP Admin Portal</title>
<link type="text/css" rel="stylesheet" href="${resourceUrl}/css/960.css"
	media="screen" />
<link type="text/css" rel="stylesheet"
	href="${resourceUrl}/css/screen.css" media="screen" />
<link id="theme-colors" type="text/css" rel="stylesheet"
	href="${resourceUrl}/css/themes/default.css" media="screen" />
<link type="text/css"
	href="${resourceUrl}/css/jquery-ui-1.7.3.custom.css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript"
	src="${resourceUrl}/js/jquery-ui-1.7.3.custom.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		// Accordion
		 $("#accordion").accordion({
			header : "h3",autoHeight: false,
			navigation: true,
			collapsible : true
		});			 
		// datapicker
		$('#datepicker').datepicker({
			//inline: true
			changeMonth : true,
			changeYear : true
		});
		// Tabs
		$("#tabs").tabs();
		// call onModule load function
		onModuleLoad();
	});
</script>
</head>
<body>
	<div id="outer" class="clearfix">
		<tiles:insertAttribute name="header" />
		<!-- main -->
		<div id="main" class="clearfix" style="padding: 10px 0px;">
			<div class="container_16">
				<div class="grid_3">
					<div id="accordion">
						<div>
							<h3>
								<a href="#">Home</a>
							</h3>
							<div>
								<ol class="selectable">
									<li class=""><a href="${rootUrl}secure/admin/">Home</a></li>
								</ol>
							</div>
						</div>
						<div>
							<h3>
								<a href="#">Locations</a>
							</h3>
							<div>
								<ol class="selectable">
									<li class=""><a href="${rootUrl}secure/admin/state/">State</a></li>
									<li class=""><a href="${rootUrl}secure/admin/district/">District</a></li>
									<li class=""><a href="${rootUrl}secure/admin/city/">City</a></li>
								</ol>
							</div>
						</div>
						<div>
							<h3>
								<a href="#">Authority</a>
							</h3>
							<div>
								<ol class="selectable">
									<li class=""><a href="${rootUrl}secure/admin/authority">Authorities</a></li>
								</ol>
							</div>
						</div>						
					</div>
				</div>
				<!--//grid_4-->
				<div class="grid_13">
					<!-- Tabs -->
					<div id="tabs" style="min-height: 550px;">
						<tiles:insertAttribute name="body" />
					</div>
				</div>
				<!-- End -grid_13 -->
			</div>
			<!-- end container_16 -->
		</div>
		<!-- end main -->
		<tiles:insertAttribute name="footer" />
	</div>
</body>
</html>